What is the `@mixin` directive and how does it work?
Description : Usage of `@mixin` to create reusable styles.
Answer :
`@mixin` is used to define reusable chunks ofCSS code that can be included in other stylesheets. It allows you to encapsulate styles and apply them wherever needed. For instance,`@mixin clearfix { &::after { content: ''; display: table; clear: both; } }` can be included in any container element to apply clearfix styles.